// import List1 from "./List1";
// import List2 from "./List2";
// import Acc from "./Acc";
// import StateDemo01 from "./StateDemo01";
// import StateDemo02 from "./StateDemo02";
// import ImmerDemo from "./ImmerDemo";
// import UseMemoDemo from "./UseMemoDemo";
// import UseRefDemo from "./UseRefDemo";
// import UseCallbackDemo from "./UseCallbackDemo";
// import useTitle from "./hooks/UseTitle";
// import useMouse from "./hooks/useMouse";
// import useGetInfo from "./hooks/useGetInfo";
// import { useTitle } from "ahooks";
// import { useMouse } from "ahooks";
// import ClosureTrap from "./ClosureTrap";
import StyledComponent from "./StyledComponent";

function App() {
  // useTitle("自定义标题2");

  // const { clientX, clientY } = useMouse();
  // const { loading, info } = useGetInfo();
  return (
    <>
      {/* <List2 /> */}
      {/* <ImmerDemo /> */}
      {/* <UseRefDemo /> */}
      {/* <UseMemoDemo /> */}
      {/* <UseCallbackDemo /> */}
      {/* <p>
        鼠标位置：{clientX} {clientY}
      </p> */}
      {/* <div>{loading ? "加载中" : info}</div> */}
      {/* <ClosureTrap /> */}
      <StyledComponent />
    </>
  );
}

export default App;
